<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.am-slider-default .am-viewport {
	max-height: 500px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
</style>
</head>
<style type="text/css">
#t1 {
	width: 300px;
	height: 200px;
}

#t {
	display: flex;
	justify-content: space-around;
}
</style>
<body>
	<jsp:include page="/headerServlet"></jsp:include>

	<section class="index-section">
		<div>
			<span></span> <span></span>
		</div>
		<div class="index-content">
			<section class="index-content-section-first">
				<div>
					<img src="images/logo2.jpg" alt="">
				</div>
			</section>
			<section class="index-content-section-second">
				<div>
					<div class="index-auto">
						<article>公司介绍</article>
						<h6>COMPANY INTRODUCTION</h6>
						<main>
							<span>${homeINfo.homeIntro }</span>
						</main>
						<a class="index-button" href="#">查看详情</a>
					</div>
				</div>
			</section>
		</div>
	</section>

	
	
	<section class="index-margin-bottom">
		<div class="index-morecase">
			<span></span> <a href="#">MORE &#62; &#62;</a>
		</div>

		<!-- <div class="product-list">
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
                <a href="product_info.html">
                    <img src="images/product1.png" />
                </a>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
                <a href="product_info.html">
                    <img src="images/product2.png" />
                </a>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
                <a href="product_info.html">
                    <img src="images/product3.png" />
                </a>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
                <a href="product_info.html">
                    <img src="images/product1.png" />
                </a>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
                <a href="product_info.html">
                    <img src="images/product2.png" />
                </a>
            </div>
            <div class="am-u-sm-6 am-u-md-6 am-u-lg-4">
                <a href="product_info.html">
                    <img src="images/product3.png" />
                </a>
            </div>
        </div> -->
		<div id="t">
		<c:forEach items="${product}" var="product">
			<a href="#" class="thumbnail"> <img id="t1" src="${product.imgUrl}"></a>
		</c:forEach>
		</div>

	</section>


	<section class="index-margin-bottom">
		<div class="index-morecase">
			<span></span> <a href="#">MORE &#62; &#62;</a>
		</div>
		<div class="index-content">


			<div class="new-index">
				<ul>
					<li><img src="images/productlogo.png" alt=""></li>
					<li><a href="article_list_content.html"><h3>怎么搭配茶几与沙发?</h3>
							<article>在现代居住空间里面，有沙发的地方似乎总也少不了
								茶几的身影。尤其在现代客厅里，一款实用、时尚的</article></a></li>
				</ul>
				<ul>
					<li><a href="article_list_content.html"><h3>家具有哪些类型?</h3>
							<article>按家具从风格上可以分为：现代家具、欧式古典家具、
								美式家具、中式古典家具（也就是红木家具），还有</article> </a></li>
					<li><a href="article_list_content.html"><h3>实木家具需保养防开裂</h3>
							<article>实木家具越来越受人们的欢迎，有很多业主在装修时
								都选择实木家具。但是他们购买之后不对它进行保养</article></a></li>
					<li><a href="article_list_content.html"><h3>卧室如何选择合适的衣橱家具色彩</h3>
							<article>要选择合适的家具色彩，首先要符合个人爱好，又要
								注意与房间的大小、室内光线的明暗相结合，并且要</article></a></li>
					<li><a href="article_list_content.html"><h3>韩派办公家具制作工艺过程</h3>
							<article>苏州韩派办公家具制作工艺过程，品牌办公家具厂家
								都具有一整套生产流程，通过对工艺流程的规范以及</article></a></li>
				</ul>

			</div>
		</div>
	</section>

	<jsp:include page="FoterServlet"></jsp:include>
</body>
</html>